<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简历</title>
    <script src="/dev/asset/jquery/jquery-3.5.1.min.js"></script>
    <script src="/dev/asset/js/Personal.js"></script>
    <link rel="stylesheet" type="text/css" href="/dev/asset/css/Personal.css">
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

</head>

<body>
<div id="box">
    <!-- 导航栏 -->
    <div class="headerBox">
        <%@ include file="../../asset/common/header.jsp" %>
    </div>


    <div class="jobs_body">
        <h2 class="jobs_body_title">简历中心</h2>
        <div class="jobs_middle">
            <div class="jobs_msg_left">
                <div class="resume_1">
                    <h2>在线简历</h2>
                </div>
                <div class="resume_2">
                    <div class="resume_2_left">
                        <p class="f1">${resume.name}</p>
                        <p><span class="sex"><c:if test="${resume.sex==1}">男</c:if></span><span>本科</span><span>待业</span>
                        </p>
                        <p><span class="f2">${resume.birthday}</span><span class="f3">${resume.phone}</span><span
                                class="f4">${resume.email}</span>
                        </p>
                    </div>
                    <div class="resume_2_right">
                        <img src="${resume.img}" width="40px" height="40px" alt="">
                        <p class="set1" onclick="edit1(this)">编辑</p>
                    </div>
                </div>

                <div class="resume_3">
                    <p>个人优势</p>
                    <div class="texta">
                        <div style="margin-top: 20px">
                            ${resume.cando}
                        </div>
                        <p class="set2">编辑</p>
                    </div>
                </div>
                <div class="resume_3" style="height: 100px;">
                    <p>期望职位</p>
                    <p class="wj">
                        <span>${wantJob.job}</span><span>${wantJob.wantMoney}</span><span>${wantJob.industry}</span><span>${wantJob.city}</span>
                    </p>
                    <p class="set3" onclick="editSet3(this,${wantJob.id})">编辑</p>

                </div>
                <div class="resume_3">
                    <p>工作经历</p>
                    <p class="wj">
                        <span>苏州友上智能科技股份有限公司</span><span>2022/01-2023/01</span><span>互联网</span><span>苏州</span>
                    </p>
                    <p class="wj">
                        <span>啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把啊把</span>
                    </p>
                    <p class="set3">编辑</p>
                </div>
                <div class="resume_3" style="height: 280px">
                    <p>项目经历</p>
                    <c:forEach items="${items}" var="v">

                        <p class="wj">
                            <span>${v.itemName}</span><span>${v.alltime}</span>
                        </p>
                        <p class="wj" style="margin-bottom: 50px">
                            <span>${v.msg}</span>
                        </p>

                    </c:forEach>
                    <p class="set3" style="top:-35px" onclick="editSetItems(this)">编辑</p>

                </div>
                <div class="resume_3" style="height: 100px;">
                    <p>教育经历</p>
                    <p class="wj">
                        <span>苏州科技大学天平学院</span><span>计算机科技与技术</span><span>本科</span><span>2022/01-2023/01</span>
                    </p>

                    <p class="set3">编辑</p>
                </div>
                <div class="resume_3">
                    <p>个人评价</p>
                    <p class="wj">
                            <span>
                                本人热情随和，具有进取精神和团队精神，有较强的动手能力。良好协调沟通能力，适应力强，反应快、积极、灵活，爱创新!提高自己，适应工作的需要。所以我希望找一份与自身爱好相关的工作，可以有更大的空间来证明自己，发展自己!
                            </span>
                    </p>
                    <p class="set3">编辑</p>
                </div>
            </div>

            <div class="jobs_msg_right">
                <div class="personal_right">

                    <div class="personal_right1">
                        <img class="mybtImg" src="${headImg}" alt="">
                        <div class="personal_name">
                            <p>${resume.name}</p>
                            <p>
                                <span>23岁</span><span>本科</span>
                            </p>
                        </div>
                    </div>

                    <div class="personal_right2">
                        <div class="personal_right2_top">
                            <div>最近简历
                                <p>最近更新时间</p>
                            </div>
                            <div>
                                <a href="http://localhost:8088/dev/personal/p"><button>简历1</button></a>
                                <p>${resume.updateTime}</p>
                            </div>
                        </div>

                        <%--                        <div class="personal_right2_bottom">--%>
                        <%--                            <button>简历编辑</button>--%>
                        <%--                            <button>隐藏简历</button>--%>
                        <%--                            <button>上传附件</button>--%>
                        <%--                        </div>--%>
                    </div>

                    <div class="personal_right3" onclick="myApplyed()">
                        <img class="newIcon" src="http://rr2xgprkx.hn-bkt.clouddn.com/2023/03/20/new.png">
                        我的投递
                    </div>

                    <div class="personal_right3" onclick="myLoved()">
                        我的收藏
                    </div>

                    <%--                    <div class="personal_right3">--%>
                    <%--                        谁看过我--%>
                    <%--                    </div>--%>

                                        <div class="personal_right3" onclick="myNotLike()">
                                            我的屏蔽
                                        </div>

                    <%--                    <div class="personal_right3">--%>
                    <%--                        账号设置--%>
                    <%--                    </div>--%>
                </div>
                <a href="#"> <img src="https://img.bosszhipin.com/static/file/2022/ne3elze9ld1653961014120.jpg"
                                  alt=""></a>
                <a href="#"><img src="https://img.bosszhipin.com/static/file/2022/0yvtgtkdjk1653961014037.png"
                                 alt=""></a>
                <a href="#"><img src="https://img.bosszhipin.com/static/file/2022/wf8r5vlj1y1653961013785.png"
                                 alt=""></a>
                <a href="#"> <img src="https://img.bosszhipin.com/static/file/2022/ne3elze9ld1653961014120.jpg"
                                  alt=""></a>
            </div>
        </div>

    </div>


    <%@ include file="../../asset/common/foot.jsp" %>
</div>
<script>
    let ws;
    //模拟产生clientID
    //可以使用唯一的用户的id
    let clientID = Math.ceil(Math.random()*100);
    //创建 WebSocket 对象,注意请求路径！！！！
    ws = new WebSocket("ws://localhost:8088/dev/tt/"+clientID);

    ws.onopen = function(){
        console.log("<p>与服务端建立连接建立成功！您的客户端ID="+clientID+"</p>");

        //模拟发送数据到服务器
        // ws.send("你好服务端！我是客户端 "+clientID);
    }

    //接收到服务端消息时触发
    ws.onmessage = function (evt) {
        let received_msg = evt.data;
        console.log("<p>接收到服务端消息:"+received_msg+"</p>");
        $('.newIcon').css('display','block');
    };

    //服务端关闭连接时触发
    ws.onclose = function() {
        console.error("连接已经关闭.....")
    };
</script>
</body>

</html>